3

今天有个奇葩需求:让纯文本文字换行输出?

what?几年没用过这个标签了..当时用的时候还是初学的时候。。。当时嫌弃空格什么要转义麻烦。。。

<pre>

HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

然后对pre使用css样式换行,解决了此问题

   pre {
      white-space: pre-wrap;
      word-wrap: break-word;
    }
white-space CSS 属性是用来设置如何处理元素中的空白

陈东民
2.1k 声望269 粉丝

坚持自我 纯粹的技术